<template>
  <div id="pagination">
    <div class="pagination" v-if="orderList.length>0">
      <el-pagination background
                     @size-change="handleSizeChange"
                     @current-change="handleCurrentChange"
                     layout="total, sizes, prev, pager, next, jumper"
                     :current-page="page"
                     :total="totalCount"
                     :page-sizes="[10,20,40, 60]"
                     :page-size="limit">getData
      </el-pagination>
    </div>
  </div>
</template>
<script>
  export default {
    name: 'page',
    data() {
      return {}
    },
    props: ['totalCount', 'limit', 'page', 'orderList'],
    methods: {
      handleSizeChange(i) {
        this.$emit('handleSizeChange', i);
      },
      handleCurrentChange(i) {
        this.$emit('handleCurrentChange', i);
      }
    }
  }
</script>
<style lang="less" scoped>
  #pagination {
  }
</style>

